* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  display: block;
  width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}

ul {
  list-style: none;
}

.clearfix::after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}



// 头部
.bc-header {
    display: flex;
    height: 28px;
    background-color: #f4483e;
    padding: 0 10px 0 12px;
    color:#fff;
    align-items: center;
    a {
        .left {
            height: 16px;
            width: 10px;
        }
        .download {
            width: 20px;
            height: 20px;
        }
    }
    div {
        flex:1;
        text-align: center;
        line-height: 1;
    }
}


// tab栏
.bc-main {
    .bc-category{
            border-top:1px solid #ccc;
            border-bottom:1px solid #ccc;
            overflow: hidden;
        ul {
            width: 300%;
            li {
            float: left;
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
            white-space: nowrap;
            font-size: 14px;
        }
        }
    }
    .bc-goods{
        .goods{
            padding: 10px 0;
            display: flex;
            border-bottom:1px solid #ccc;
            .bc-pic{
                // float: left;
                img {
                    width: 100px;
                    height: 100px;
                }
            }
            .bc-content{
                // float: left;
                flex: 1;
                .bc-title {
                    font-size: 14px;
                    line-height: 1;
                }
                .price {
                    padding-top: 14px;
                    font-size: 12px;
                    color:#f00;
                    line-height: 1;
                    span {                       
                        font-size: 14px;
                    }
                    del {
                        color:#666;
                    }
                }
                .jindu {
                    font-size: 12px;
                    padding-top: 15px;
                    div{
                        &:nth-child(1){
                            float: left;
                            height: 14px;
                            color:#fff;
                            border: 1px solid #fb4247;
                            border-radius: 10px;
                            background-color: #ffb7b7;
                            text-align: center;
                            line-height: 1;
                            padding: 0px 30px ;
                        }
                        &:nth-child(2){
                            float: left;
                            line-height: 1;
                            margin-left: 7px;
                            color: #fd9598;
                        }
                    }
                }
                .bc-link {
                    padding-top: 8px;
                    a {
                        display: block;
                        &:nth-child(1){
                            float: left;
                            font-size: 14px;
                            line-height: 14px;
                            text-align: center;
                            color:#ea6366;
                            border:1px solid #ea6366;
                            padding: 2px;
                        }
                        &:nth-child(2){
                            float: left;
                            background-color: #ff5e5d;
                            color:#fff;
                            text-align: center;
                            border-radius: 5px;
                            font-size: 14px;
                            line-height: 14px;
                            padding: 3px 4px;
                            margin-left: 40px;
                        }
                    }
                }
            }
        }
    }
}


// 脚部
.footer {
    padding-top: 18px;
    position: relative;
    ul{
        border-top:1px solid #c4c4c4;
        border-bottom:1px solid #c4c4c4;
        li {
            float: left;
            line-height: 26px;
            height: 26px;
            width: 30%;
            text-align: center;
            border-right: 1px solid #c4c4c4;
            &:last-child {
                border-right:none;
            }
            img {
                width: 15px;
                height: 15px;
                display: inline-block;
            }
        }
    }
    .footer-des{
        padding-top: 12px;
        padding-bottom: 10px;
        text-align: center;
        color:#666;
        font-size: 14px;
        span{
            &:nth-child(1){
                color:#f00;
            }
            &:nth-child(2){
                color:#000;
            }
        }
    }
    .to-top{
        position: fixed;
        bottom: 32px;
        right: 2px;
    }
}